<template>
	<view class="">
		<view class="top-img column center">
			<view class="top-s">
				钱包余额（元）
			</view>
			<view class="top-m">
				12222
			</view>
		</view>
		<u-cell-group :border="false" >
			<u-cell-item :borderBottom="false" title="充值" :title-style="titleStyle" @click="navTo('/pages/public/topUp')"></u-cell-item>
			<u-cell-item :borderBottom="false" title="账单明细" :title-style="titleStyle" @click="navTo('/pages/public/zhangdan')"></u-cell-item>
		</u-cell-group>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				titleStyle:{
					'fontWeight':"bold",
					"color":"#333333"
				}
			}
		}
	}
</script>
<style scoped>
	.top-img{
		height: 294upx;
		background: #2781A7;
	}
	.top-s{
		font-size: 26upx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
	}
	.top-m{
		font-size: 80upx;
		font-family: DIN;
		font-weight: 500;
		color: #FFFFFF;
		margin-top:20upx;
	}
</style>
